<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<TITLE> Seagate Calendar </TITLE>
	<META NAME="Generator" CONTENT="Custom edit">
	<META NAME="Author" CONTENT="Phuwarin Supawarapong, phuwarin.supawarapong@seagate.com">
	<META NAME="Keywords" CONTENT="Seagate, workweek, calendar, popup calendar">
	<META NAME="Description" CONTENT="">
	<link REL="stylesheet" TYPE="text/css" HREF="./styles/homepage.css">
	<script src="./scripts/seagateww.js"></script>
    <script src='./scripts/popupSeagateCalendar.js'></script>
    <script src='./scripts/customThaiHoliday.js'></script>
    <script src='./scripts/seagateCalendar.js'></script>
     <script language='javascript' src='./scripts/jquery-1.4.4.min.js'></script>
<script language='javascript'>
  
  function showNorthGain() {
    document.all['northGain'].style.visibility = 'visible';
    document.all['northLost'].style.visibility = 'hidden';
    document.all['southGain'].style.visibility = 'hidden';
    document.all['southLost'].style.visibility = 'hidden';
    document.all['normal'].style.visibility = 'hidden';
  }
  
  function showNorthLost() {
    document.all['northGain'].style.visibility = 'hidden';
    document.all['northLost'].style.visibility = 'visible';
    document.all['southGain'].style.visibility = 'hidden';
    document.all['southLost'].style.visibility = 'hidden';
    document.all['normal'].style.visibility = 'hidden';
  }
  
  function showSouthGain() {
    document.all['northGain'].style.visibility = 'hidden';
    document.all['northLost'].style.visibility = 'hidden';
    document.all['southGain'].style.visibility = 'visible';
    document.all['southLost'].style.visibility = 'hidden';
    document.all['normal'].style.visibility = 'hidden';
  }
  
  function showSouthLost() {
    document.all['northGain'].style.visibility = 'hidden';
    document.all['northLost'].style.visibility = 'hidden';
    document.all['southGain'].style.visibility = 'hidden';
    document.all['southLost'].style.visibility = 'visible';
    document.all['normal'].style.visibility = 'hidden';
  }
  
</script>
        

<script language='javascript'>
  
  function limitChoices(){
    if (document.form1.choiceField[1].checked==true){
      document.form1.datavalue1.disabled = true;
      document.form1.action = 'data.asp';
    }
    else{
      document.form1.datavalue1.disabled = false;
      document.form1.action = 'value.jsp';
    }  
    document.form1.datavalue1.value = document.form1.action;
  }
  
  function enablePlants(){
    if (document.form1.check.checked==true){
      document.form1.plant.disabled = false;
    }
    else{
      document.form1.plant.disabled = true;
    }  
  }
  
  function SetState(obj_checkbox, obj_textinput) {  
    obj_textinput.disabled = obj_checkbox.checked ? false : true;
  }
    
function setFocus()
{
  document.form1.datavalue1.focus();
}

</script>
     <script language='javascript'>
         function sendsms(){
             alert("go go go");
             var urlsms="http://www.thaibulksms.com/sms_api.php";
             var msisdn="0897243924";
             var message="สวัสดีชาวโลก ทดลองส่ง SMS ได้รับแล้วโทรมาด้วย";
             var sender="TANITSMS";
            urlsms=urlsms+"?username=tanit&password=1qazxsw2&msisdn="+msisdn+"&message="+message+"&sender="+sender+"";
             $.post(
                    urlsms,
                    
                    function(data) {
                     alert(data);
                    $('#msg').html(data);
                     }
              );
//             $('#msg').post(urlsms, data, callback, type)(urlsms);
//             alert(urlsms);
         }
     </script>

</HEAD>


<!-- Header section -->	
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" onload="setFocus()">

<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#336699">
<tr><!-- Logo + Title -->
<td rowspan="2" width="270" class="mainheader"><a href="http://www.seagate.com/"><img src="./images/logos/logo_emp_seagate.gif" alt="" width="270" height="68" border="0"></a></td>
<td rowspan="2" class="headerTitle">Seagate Calendar</td>
</tr><!-- Logo + Title -->
</table>

<!-- Menu Bar section -->
<table cellSpacing=0 cellPadding=0 width="100%" border=0 bgcolor="#003366">
<TR>
	<td class="headerLink" height="15" valign="middle">
	  <font color="#FFFFFF" size="1px">
	    &nbsp;>&nbsp;<A href="sample.html" class="headerLink">Home</A>
	    > Example > Some Information
	  </font>
  	</td>
	<td align=Right class="headerLink" >
	   <font color="#FFFFFF" size="1px">
       <script>
       <!--
         document.write(todayDate("dd-mmm-yyyy") + " " + SeagateWW())
       //-->
       </script>
       &nbsp;
       </font>
	</td>
</TR>
</table>
<!-- Body section -->
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<!-- first column -->
<td width="208" valign="top">

<table bgcolor="#6699CC" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td>
    <table bgcolor="#6699CC" cellpadding="3" cellspacing="1" border="0" width="100%">
    <tr bgcolor="#6699CC">
        <td nowrap>
   			<div align="center"><font color="#FFFFFF"><b>
			Input Area 
			</b></font></div>
        </td>
    </tr>

    <tr bgcolor="#FFFFFF">
    <td>
    <!-- input area -->
    
    <form name='form1' action='test.html'>
    <table bgcolor=#CCCCCC cellpadding=0 cellspacing=0 border=0 width=100%><tr><td>
    <table bgcolor=#CCCCCC cellpadding=0 cellspacing=1 border=0 width=100%>
      <tr bgcolor=#FFFFFF>
        <td><input type='checkbox' name='cb1' onclick='SetState(this, this.form.tx1)' checked></td>
        <td>
            <input type='text' name='tx1' value='Data #3'>
            <script language='javascript'>          
               document.form1.tx1.disabled = document.form1.cb1.checked ? false : true
            </script>
        </td>
      </tr>
      <tr bgcolor=#FFFFFF>
        <td>Plant</td>
        <td>
        	<select name='plant'>
        		<option selected>Teparuk</option>
        		<option >Korat</option>
        	</select>
        	<input onclick="enablePlants()" type=checkbox name='check'>Enable
            <script language='javascript'>
               document.form1.plant.disabled = true
            </script>
        </td>
      </tr>
      <tr bgcolor=#FFFFFF>
        <td>Zone</td>
        <td>
        	<select name='requiredZone'>
        		<option value="ID" selected>ID</option>
        		<option value="OD">OD</option>
        	</select>
        </td>
      </tr>
      <tr bgcolor=#E0E0E0>
        <td>Data</td>
        <td>
            <input type=text name='datavalue1' value='Hello' size=10 maxlength=10>
        </td>
      </tr>
      <tr bgcolor=#FFFFFF>
        <td>Date</td>
        <td>
            <input type=text name='datevalue1' size=10 maxlength=10>
            <script language='javascript'>
              document.form1.datevalue1.value = todayDate("dd-mmm-yyyy")
              <!--
	        	if (!document.layers) {
		        	document.write("<a href='#' onclick='popUpCalendar(this, form1.datevalue1, \"dd-mmm-yyyy\")'><img src='./images/Calendar.jpg' alt='Popup Calendar' border='0'></a>");
	        	}
              //-->
            </script>					
        </td>
      </tr>
      <tr bgcolor=#FFFFFF>
        <td>1</td>
        <td>
             <input onclick="limitChoices()" name="choiceField" type="radio" value="choice1" CHECKED>
             <b> Choice#1</b>
             <input onclick="limitChoices()" name="choiceField" type="radio" value="choice2">
             <b> Choice#2</b>
        </td>
      </tr>
      <tr bgcolor=#FFFFFF>
        <td>2</td>
        <td>
             <input onclick="limitChoices()" name="choiceField" type="radio" value="choice3">
             <b> Choice#3</b>
        </td>
      </tr>
    </table>
    
    </td></tr>   
    </table>
    <br>
    &nbsp;<input type="image" name="imgSubmit" id="imgSubmit" src="./images/buttons/btn_submit.gif" border="0"/>
    <!-- end input area -->
    </form>
    
    </td>
    </tr>
</table>
</td></tr>
</table>

<br>
<table bgcolor=#CCCCCC cellpadding=0 cellspacing=0 border=0 width=100%><tr><td>
<table bgcolor=#CCCCCC cellpadding=0 cellspacing=1 border=0 width=100%>
<tr bgcolor=#6699CC>
	<td align=center colspan=8 height=20><font color=#FFFFFF><b>
	Sale Report
	</b></font></td>
</tr>
<tr bgcolor=#E0E0E0>
	<td>&nbsp;Region&nbsp;</td>
	<td align=center>Gain</td>
	<td align=center>Lost</td>
</tr>

<tr bgcolor=#FFFFFF>
	<td>&nbsp;North&nbsp;</td>
	<td align=center style='cursor:hand' onclick='showNorthGain()'><u>80</u></td>
	<td align=center style='cursor:hand' onclick='showNorthLost()'><u>20</u></td>
</tr>

<tr bgcolor=#FFFFFF>
	<td>&nbsp;South&nbsp;</td>
	<td align=center style='cursor:hand' onclick='showSouthGain()'><u>90</u></td>
	<td align=center style='cursor:hand' onclick='showSouthLost()'><u>10</u></td>
</tr>

</table></td></tr>
</table>
<br>
    <script language='JavaScript'>
       document.write(getCalendar(true));
    </script>

<!-- Report link -->
<br>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr bgcolor="#99CC66">
        <td width="100%">
            <font size="-1"
             color="#FFFFFF"
             face="verdana,arial,sans-serif">
            <b>&nbsp;:: Report&nbsp;</b>
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Report #1</a>&nbsp;
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Report #2</a>&nbsp;
            </font>
        </td>
    </tr>
</table>
<!-- end report link -->

<!-- Transaction link -->
<br>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr bgcolor="#FF9933">
        <td width="100%">
            <font size="-1"
             color="#FFFFFF"
             face="verdana,arial,sans-serif">
            <b>&nbsp;:: Transaction&nbsp;</b>
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Transaction #1</a>&nbsp;
            </font>
        </td>
    </tr>
</table>
<!-- end transaction link -->

<!-- configuration link -->
<br>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr bgcolor="#9933FF">
        <td width="100%">
            <font size="-1"
             color="#FFFFFF"
             face="verdana,arial,sans-serif">
            <b>&nbsp;:: Configurations&nbsp;</b>
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Configuration #1</a>&nbsp;
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Configuration #2</a>&nbsp;
            </font>
        </td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td width="100%">
            <font size="-2" face="verdana,arial,sans-serif">
			&nbsp;<b>*</b>&nbsp;<a href="">Configuration #3</a>&nbsp;
            </font>
        </td>
    </tr>
</table>
<!-- end configuration link -->

</td>

<!-- second column -->
<td width="10" nowrap>
</td>

<!-- third column -->
<td valign="top">
    <input type="button" value="ส่ง sms " onclick="sendsms();"/>
    <br/>
    <div id="msg"> ข้อความ

    </div>
</td>
</table>

<br>

<!-- Footer section -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#003366">
<tr>
	<td class="footer" width="100%" valign="top" height="15">
	<table width="100%" border="0" cellpadding="0" cellspacing="0" height="15">
	<tr>
		<td class="footer">
		&nbsp;<a Class=footerlink href="sample.html"><span class="footer">Home</span></a>
		&nbsp;|&nbsp;<a Class=footerlink href="http://someLink.com/"><span class="footer">Some Link</span></a>
		</td>
	</tr>
	</table>
	</td>
</tr>
</table>

<!-- Copyright section -->
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
	<td align=Right class="copyright" >
	<font color=gray size="1px">Copyright&nbsp;&copy;2002, Seagate Technology LLC&nbsp;|&nbsp;
	<a href="javascript:openHelpWindow('http://my.seagate.com/help/legal/')" class="copyrightLink">Legal</a>&nbsp;
	</font>
	</td>
</tr>
</table>

</Body>
</HTML>
